<template>
	<view :style="themeColor">
		<view class="page">
			<view class="flex  flex flex-wrap align-center decorationTeam_flex_0"
				:style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
				<view class='flex flex-wrap align-center justify-between flex-sub decorationTeam_fd0_0'>
					<view class='flex flex-wrap align-center decorationTeam_fd0_0_c0' @tap.stop="handleJumpDiy" data-type="back"
						data-url="1">
						<text class='fu-iconfont2  decorationTeam_fd0_0_c0_c0'>&#xE794;</text>
					</view>
					<view class='flex flex-wrap align-center'>
						<text class='decorationTeam_fd0_0_c1_c0'>详情</text>
					</view>
					<view class='flex flex-wrap align-center decorationTeam_fd0_0_c0'>
					</view>
				</view>

			</view>
			<!-- <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view> -->
			<!---flex布局flex布局开始-->
			<view class="loading_css" v-if="is_show">
				<u-loading size="36" color="#12BA88"></u-loading>
				<view>加载中</view>
			</view>

			<view class="flex flex-direction flex-wrap align-stretch benben-flex-layout" v-else>
				<view class='flex flex-direction flex-wrap align-stretch decorationTeam_fd1_0'>
					<image class='decorationTeam_fd1_0_c0_c0' mode="aspectFill" :src='homeList.cover'></image>
					<view class='flex flex-wrap align-stretch decorationTeam_fd1_0_c0'>

						<view class='flex flex-direction flex-wrap align-stretch flex-sub decorationTeam_fd1_0_c0_c1'>
							<view class='flex flex-wrap align-start justify-between decorationTeam_fd1_0_c0_c1_c0'>
								<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'>名称:&nbsp;全场畅游卡</text>
							</view>
							<view class='flex flex-wrap align-start  decorationTeam_fd1_0_c0_c1_c0'>
								<view class='flex flex-wrap ' style="justify-content: center;align-items: center;">
									<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'>预约人数:</text>
									<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'
										style="margin-left: 10rpx;color:#167deb;font-size: 28rpx;">2</text>/
									<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0' style="font-size: 28rpx;">8</text>
								</view>

							</view>
							<view class='flex flex-wrap align-start justify-between decorationTeam_fd1_0_c0_c1_c0'>
								<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'>时间:&nbsp;2024-5-30 6:00</text>
							</view>
							<view class='flex flex-wrap align-start justify-between decorationTeam_fd1_0_c0_c1_c0'>
								<text class='decorationTeam_fd1_0_c0_c1_c0_c0_c0'>场馆:&nbsp;天天健康馆</text>
							</view>
						</view>
					</view>
				</view>




				<!-- 				<view class='flex flex-wrap align-center authenticateNow_fd1_0' @tap.stop="pickerDiy1683966462102=true"
					v-if="coachType==1">
					<text class='authenticateNow_fd1_0_c0'>教练</text>
					<text class='authenticateNow_fd1_0_c0'>{{coach_value}}</text>
					<input class='authenticateNow_fd1_4_c1' type="text" confirm-type="done" :maxlength="-1" placeholder="请选择教练"
						placeholder-style="color:rgba(191, 191, 191, 1);font-size:32rpx" v-model="coach_label" disabled="true" />
				</view> -->
				<!-- 				<view class='flex flex-wrap align-center authenticateNow_fd1_0' v-if="coachType==2">
					<text class='authenticateNow_fd1_0_c0'>教练</text>
					<input class='authenticateNow_fd1_4_c1' type="text" confirm-type="done" :maxlength="-1" placeholder="请选择教练"
						placeholder-style="color:rgba(191, 191, 191, 1);font-size:32rpx" v-model="coach_label" disabled="true" />
				</view> -->
				<view class='flex flex-wrap align-center authenticateNow_fd1_0' v-if="type==1">
					<view>
						<text class='authenticateNow_fd1_0_c0'>预约人数</text>
					</view>
					<view style="margin-left: auto;">
						<u-number-box v-model="number" :min='1' :max='10' @change="valChange"></u-number-box>
					</view>
				</view>
				<view class='flex flex-wrap align-center authenticateNow_fd1_0'>
					<text class='authenticateNow_fd1_0_c0'>预约备注</text>
					<input class='authenticateNow_fd1_4_c1' type="text" confirm-type="done" :maxlength="-1"
						placeholder-style="color:rgba(191, 191, 191, 1);font-size:32rpx" v-model="fd1_7_c1"
						placeholder="选填,请先和场馆协商一致" />
				</view>

				<view class='flex flex-direction flex-wrap align-stretch decorationTeam_fd1_1' style="margin-top: 24rpx;">
					<view class='flex flex-wrap align-center decorationTeam_fd1_1_c0'>
						<text class='decorationTeam_fd1_1_c0_c1'>课程简介</text>
					</view>
					<view class='flex flex-wrap align-center decorationTeam_fd1_1_c1'>
						<text
							class='decorationTeam_fd1_1_c1_c0'>此课程为游泳课程，本游泳课程旨在教授学员基本的游泳技能，提高他们的水性和水安全意识。课程内容涵盖了游泳姿势、呼吸技巧、游泳姿势调整、基本游泳姿势的学习以及紧急情况下的自救技能等内容。</text>
					</view>

					<view class='flex flex-wrap align-center decorationTeam_fd1_1_c0'>
						<text class='decorationTeam_fd1_1_c0_c1'>预约须知</text>
					</view>
					<view class='flex flex-wrap align-center decorationTeam_fd1_1_c1'>
						<text
							class='decorationTeam_fd1_1_c1_c0'>预约时需要提供您的姓名、联系方式。每次预约最多可预约2人。如需取消预约，请提前至少两小时通知，否则无法退款。参与者需自备泳衣、泳帽、泳镜等相关装备。年龄在6岁以上方可参加。
						</text>
					</view>

					<view class='flex flex-wrap align-center decorationTeam_fd1_1_c0'>
						<text class='decorationTeam_fd1_1_c0_c1'>温馨提示</text>
					</view>
					<view class='flex flex-wrap align-center decorationTeam_fd1_1_c1'>
						<text class='decorationTeam_fd1_1_c1_c0'>1、在健身房健身的人员必须遵守有关规章制度，服从管理人员管理</text>
						<text class='decorationTeam_fd1_1_c1_c0'
							style="margin-top: 8rpx;margin-bottom: 8rpx;">2、本健身房仅对会员开放，非会员不得随意进入</text>
					</view>
				</view>


				<!---flex布局flex布局结束-->

				<view :style="{height: '130rpx'}"></view>
				<view class="flex flex-wrap align-center justify-center benben-position-layout flex decorationTeam_flex_2" v-if="type==1">

					<view class='flex flex-wrap align-center justify-center decorationTeam_fd2_0'>
						<text class='decorationTeam_fd2_0_c1' @tap.stop="makeup">立即预约</text>
					</view>


				</view>
			</view>
			<benben-popup v-model="popupShow1694851687012" :mask="true" :mask-close-able="true" mode='center' :z-index='999'>
				<!---拨打电话flex布局开始-->
				<view class="flex benben-flex-layout flex-wrap align-center">
					<view class='flex flex-direction flex-wrap align-stretch flex-sub decorationTeam_fd3_0'>
						<view class='flex flex-wrap align-center self-center justify-center decorationTeam_fd3_0_c0'>
						</view>
						<view class='flex flex-direction flex-wrap align-stretch flex-sub decorationTeam_fd3_0_c1'>
							<view class='flex flex-wrap align-stretch justify-center flex-sub decorationTeam_fd3_0_c1_c0'>
								<text class='decorationTeam_fd3_0_c1_c0_c0'>拨打电话：{{phoneNum.mobile}}</text>
							</view>
						</view>
						<view class='flex flex-wrap align-stretch justify-around decorationTeam_fd3_0_c2'>
							<view class='flex flex-wrap align-stretch justify-center flex-sub'
								@tap.stop="popupShow1694851687012=false">
								<text class='decorationTeam_fd3_0_c2_c0_c0'>取消</text>
							</view>
							<view class='flex flex-wrap align-stretch justify-center flex-sub decorationTeam_fd3_0_c2_c1'
								@tap.stop="phoneFunc">
								<text class='decorationTeam_fd3_0_c2_c1_c0'>确定</text>
							</view>
						</view>
					</view>
				</view>
				<!---拨打电话flex布局结束-->
			</benben-popup>

			<benben-picker ref="benbenWritePickerCodepicker28" :visible.sync="pickerDiy1683966462102"
				:label.sync='coach_label' :value.sync='coach_value' :options='coach_options' mode='selector' :mask-show='true'
				:timeout='true' :picker-height='88' default-type='value' :default-props='{"label":"name","value":"value"}'>
				<template #picker-header>
					<view class='flex flex-wrap align-center justify-between user_picker2_0'>
						<text class='user_picker2_0_c0' @tap="$refs.benbenWritePickerCodepicker28.cancel()">取消</text>
						<text class='user_picker2_0_c1'>选择教练</text>
						<text class='user_picker2_0_c2' @tap="$refs.benbenWritePickerCodepicker28.pickerConfirm()">确定</text>
					</view>
				</template>
			</benben-picker>

		</view>
	</view>
</template>
<script>
	export default {
		components: {},


		data() {
			return {
				"pickerDiy1683966462102": false,
				"popupShow1694851687012": false,
				"cancelOrder_id": "1",
				"type": "1",
				"fuwuid": 63,
				homeList: '',
				"page": 1,
				"is_pull": true,
				"last_page": 1,
				"status": 'loadmore',
				"iconType": 'flower',
				"loadText": {
					loadmore: '轻轻上拉',
					loading: '努力加载中',
					nomore: '我也是有底线的'
				},
				anLiArray: [],
				is_show: true,
				phoneNum: {
					mobile: '',
					wx_code: ''
				},
				isHave: false,
				messageNum: '',
				fenleinames: '',
				userID: '',
				isshowanli: false,
				isShuliang: 1,
				number: 1,
				fd1_7_c1: '',
				price: 99,
				totalPrice: '',
				"coach_options": [{
					"name": "喜羊羊",
					"value": "1",
					"image": ""
				}, {
					"name": "美羊羊",
					"value": "2",
					"image": ""
				}, {
					"name": "暖羊羊",
					"value": "3",
					"image": ""
				}],
				"coach_value": "",
				"coach_label": "沸羊羊",
				coachType: '',
			};
		},
		computed: {
			themeColor() {
				return this.$store.getters.themeColor
			},
			isLogin() {
				return this.$store.state.token == '' ? false : true;
			}
		},
		watch: {},
		onLoad(options) {
			if (options.id) {
				this.fuwuid = options.id
			}
			if (options.type) {
				this.type=options.type //控制是否是我的私教预约 等2 进入 就不显示预约按钮
			}
			this.coachType = options.coachType
			
			this.homeInfo()
		},
		onUnload() {

		},
		onReady() {

		},
		onShow() {

		},
		onHide() {

		},
		onResize() {

		},
		onPullDownRefresh() {

		},
		// 上拉加载
		onReachBottom() {
		},
		onPageScroll(e) {

		},
		methods: {
			valChange(e) {
				console.log('当前值为: ' + e.value)
				this.totalPrice = e.value * this.price
			},
			buy() {
				uni.navigateTo({
					url: '/pages/classification/pay/pay'
				})
			},
			//拨打电话
			phoneFunc() {
				uni.makePhoneCall({
					phoneNumber: this.phoneNum.mobile
				});
			},
			buy() {
				uni.navigateTo({
					url: '/pages/classification/pay/pay'
				})
			},
			makeup() {
				this.$message.info('预约成功')
				setTimeout(() => {
					uni.navigateBack()
				}, 800)
			},
			//查询服务商主页信息
			async homeInfo() {
				uni.showLoading()
				let res = await this.$api.post(global.apiUrls.post65095bb27bd92, {
					aid: this.fuwuid,
					user_id: this.userID ? this.userID : ''
				});
				if (res.data.code != 1) {
					this.$message.info(res.data.msg);
					return
				}
				let infodataDetails = res.data;
				this.homeList = infodataDetails.data
				this.is_show = false
				uni.hideLoading()
				console.log(this.homeList, 'this.homeList')
			},

		}
	};
</script>
<style lang="scss" scoped>
	.page {
		width: 100vw;
		overflow-x: hidden;
		min-height: calc(100vh - var(--window-bottom));
		background-size: 100% auto;
	}

	.decorationTeam_flex_0 {
		width: 750rpx;
		height: 88rpx;
		background-size: 100% auto !important;
	}

	.decorationTeam_fd0_0_c1_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #000;
		line-height: 50rpx;
	}

	.decorationTeam_fd0_0_c0_c0 {
		font-size: 36rpx;
		font-weight: 500;
		color: #000;
		line-height: 36rpx;
	}

	.decorationTeam_fd0_0_c0 {
		width: 120rpx;
		height: 88rpx;
	}

	.decorationTeam_fd0_0 {
		padding: 0rpx 24rpx 0rpx 24rpx;
		height: 88rpx;
	}

	.decorationTeam_fd1_3_c0 {
		color: rgba(240, 102, 0, 1);
		font-size: 28rpx;
		font-weight: 400;
		// -webkit-line-clamp: 4;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// display: -webkit-box;
		// -webkit-box-orient: vertical;
		max-width: 656rpx;
	}

	.decorationTeam_fd1_3 {
		background: var(--benbenbgColor1);
		margin: 0rpx 24rpx 40rpx 24rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
		background-size: 100% auto;
	}

	.decorationTeam_fd1_2_c1_c3 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
	}

	.decorationTeam_fd1_2_c1_c2 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 14rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_2_c1_c1 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 0rpx 10rpx 0rpx;
	}

	.decorationTeam_fd1_2_c1_c0_c1 {
		margin: 20rpx 0rpx 20rpx 0rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 301rpx;
		font-weight: 700;
		font-size: 30rpx;
	}

	.decorationTeam_fd1_2_c1_c0_c0 {
		width: 702rpx;
		height: 283rpx;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_2_c1_c0 {
		background: #FFFFFF;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 0rpx 14rpx 0rpx;
	}

	.decorationTeam_fd1_2_c0_c1 {
		color: #333;
		font-size: 32rpx;
		font-weight: bold;
		margin: 0rpx 16rpx 0rpx 16rpx;
	}

	.decorationTeam_fd1_2_c0_c0 {
		width: 32rpx;
		height: 34rpx;
	}

	.decorationTeam_fd1_2_c0 {
		width: 686rpx;
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd1_2 {
		padding: 0rpx 24rpx 24rpx 24rpx;
	}

	.decorationTeam_fd1_1_c1_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
		// -webkit-line-clamp: 2;
		// overflow: hidden;
		// text-overflow: ellipsis;
		// display: -webkit-box;
		// -webkit-box-orient: vertical;
		// max-width: 644rpx;
	}


	.decorationTeam_fd1_1_c1 {
		padding: 0rpx 22rpx 0rpx 24rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd1_1_c0_c1 {
		color: #333333;
		font-size: 30rpx;
		font-weight: 600;
		line-height: 45rpx;
	}

	.decorationTeam_fd1_1_c0_c0 {
		background: #167deb;
		width: 8rpx;
		height: 30rpx;
		border-radius: 4rpx;
		background-size: 100% auto !important;
		margin: 0rpx 16rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_1_c0 {
		border-bottom: 1px solid #eee;
		margin: 24rpx 24rpx 16rpx 24rpx;
		padding: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd1_1 {
		background: var(--benbenbgColor1);
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		margin: 0rpx 24rpx 24rpx 24rpx;
	}

	.decorationTeam_fd1_0_c1_c2_c1 {
		color: #999999;
		font-size: 24rpx;
		font-weight: 400;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 248rpx;
	}

	.decorationTeam_fd1_0_c1_c1 {
		margin: 0rpx 89rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_0_c1_c0_c1 {
		color: #999999;
		font-size: 26rpx;
		font-weight: 400;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c1 {
		color: #FFFFFF;
		font-size: 20rpx;
		font-weight: 400;
		margin-right: 6rpx;
		margin-bottom: 4rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0_c0 {
		width: 24rpx;
		height: 22rpx;
		margin-left: 6rpx;
	}

	.footPrint_bodyItemfd4_0_c3_c0_c0_c0_c1_c0_c0_c0_c0_c0 {
		background: linear-gradient(126deg, #FF4538 0%, #FF6530 100%);
		background-size: 100% auto;
		width: 140rpx;
		height: 38rpx;
		border-radius: 0rpx 10rpx 0rpx 10rpx;
		margin-left: 14rpx;
		margin-top: 2rpx;
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.designPicture_fd2_5 {
		width: 88rpx;
		height: 88rpx;
		position: fixed;
		right: 25rpx;
		bottom: 300rpx;
	}

	.decorationTeam_fd1_0_c1_c0_c0 {
		color: #333333;
		font-size: 36rpx;
		font-weight: 700;
		//margin: 0rpx 0rpx 11rpx 0rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 220rpx;
		padding-top: 4rpx;
	}

	.decorationTeam_fd1_0_c1_c0_c0111 {
		color: #333333;
		font-size: 30rpx;
		font-weight: 700;
		//margin: 4rpx 0rpx 11rpx 0rpx;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		max-width: 220rpx;
	}

	.decorationTeam_fd1_0_c1_c0 {
		//margin: 0rpx 89rpx 0rpx 40rpx;
		height: 100rpx;
		justify-content: space-between;
	}

	.loading_css {
		// padding-top: 72rpx;
		text-align: center;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);

		view {
			color: #999999;
			font-size: 22rpx;
			margin-top: 16rpx;
		}
	}

	.decorationTeam_fd1_0_c0_c1_c2_c1 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		margin: 0rpx 0rpx 0rpx 5rpx;
		-webkit-line-clamp: 2;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 430rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c2_c0 {
		width: 26rpx;
		height: 26rpx;
		margin-top: 4rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c4 {
		width: 122rpx;
		height: 48rpx;
		margin: 0rpx 0rpx 0rpx auto;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c3 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		max-width: 1200rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c2 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 50rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c1 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		margin: 0rpx 32rpx 0rpx 0rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c1_c0 {
		font-size: 26rpx;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		max-width: 50rpx;
	}

	.quxiao {
		width: 320rpx;
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100rpx;
		border-right: #f0f0f0 1rpx solid;
	}

	.decorationTeam_fd1_0_c0_c1_c1 {
		margin: 0rpx 0rpx 12rpx 0rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c0_c0_c1 {
		width: 124rpx;
		height: 36rpx;
		margin: 4rpx 0rpx 0rpx 16rpx;
	}

	.decorationTeam_fd1_0_c0_c1_c0_c0_c0_1 {
		max-width: 300rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		font-size: 32rpx;
		font-weight: 500;
		color: var(--benbenFontColor0);
	}

	.decorationTeam_fd1_0_c0_c1_c0_c0_c0 {
		max-width: 350rpx;
		-webkit-line-clamp: 1;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		font-size: 30rpx;
		font-weight: 500;
		color: var(--benbenFontColor0);
	}

	.decorationTeam_fd1_0_c0_c1_c0 {
		margin: 0rpx 0rpx 12rpx 0rpx;
	}

	.user_picker2_0_c2 {
		color: var(--benbenFontColor0);
		font-size: 32rpx;
		font-weight: 400;
	}

	.user_picker2_0_c1 {
		color: var(--benbenFontColor0);
		font-size: 32rpx;
		font-weight: 500;
	}

	.user_picker2_0_c0 {
		color: rgba(153, 153, 153, 1);
		font-size: 32rpx;
		font-weight: 400;
	}

	.user_picker2_0 {
		border-bottom: 1px solid #eee;
		background: #fff;
		padding: 0rpx 32rpx 0rpx 32rpx;
		line-height: 88rpx;
		border-radius: 25rpx 25rpx 0rpx 0rpx;
		background-size: 100% auto !important;
	}

	.decorationTeam_fd1_0_c0_c1 {
		margin: 0rpx 0rpx 0rpx 24rpx;
	}

	.decorationTeam_fd1_0_c0_c0 {
		width: 702rpx;
		height: 340rpx;
	}

	.decorationTeam_fd1_0_c0 {
		padding: 10rpx 0rpx 0rpx 0rpx;
		margin: 24rpx 24rpx 20rpx 0rpx;
	}

	.decorationTeam_fd1_0 {
		background: var(--benbenbgColor1);
		margin: 4rpx 24rpx 20rpx 24rpx;
		background-size: 100% auto;
		border-radius: 16rpx;
	}

	.decorationTeam_flex_2 {
		background: #f8f8f8;
		width: 750rpx;
		height: 130rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		background-size: 100% auto;
	}

	.decorationTeam_fd2_1 {
		background: var(--benbenbgColor3);
		width: 320rpx;
		height: 88rpx;
		border-radius: 66rpx;
		background-size: 100% auto;
	}

	.decorationTeam_fd2_0_c1 {
		margin: 0rpx 0rpx 0rpx 7rpx;
		color: var(--benbenFontColor3);
		font-size: 32rpx;
		font-weight: 500;
	}

	.goumai {
		display: flex;
		justify-content: center;
		align-items: center;
		background: #167deb;
		border-radius: 28rpx;
		width: 160rpx;
		height: 58rpx;
		opacity: 0.8;
	}

	.decorationTeam_fd2_0_c0 {
		width: 32rpx;
		height: 32rpx;
		margin-top: 4rpx;
		margin-right: 4rpx;
	}

	.decorationTeam_fd2_0 {
		background: #167deb;
		width: 686rpx;
		height: 88rpx;
		border-radius: 66rpx;
		background-size: 100% auto;
	}


	.decorationTeam_fd2_0_c1 {
		margin: 0rpx 0rpx 0rpx 7rpx;
		color: var(--benbenFontColor3);
		font-size: 32rpx;
		font-weight: 500;
	}

	.decorationTeam_fd3_0_c2_c1_c0 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_flex_2 {
		background: #f8f8f8;
		width: 750rpx;
		height: 130rpx;
		overflow: hidden;
		z-index: 10;
		bottom: calc(0rpx + var(--window-bottom));
		background-size: 100% auto;
	}

	.decorationTeam_fd3_0_c2_c1 {
		border-left: 1px solid #eee;
	}

	.decorationTeam_fd3_0_c2_c0_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd3_0_c2 {
		border-top: 1px solid rgba(238, 238, 238, 1);
	}

	.decorationTeam_fd3_0_c1_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		text-align: center;
	}

	.decorationTeam_fd3_0_c1_c0 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd3_0_c1 {
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		line-height: 56rpx;
		font-weight: 400;
		padding: 0rpx 43rpx 80rpx 43rpx;
	}

	.decorationTeam_fd3_0_c0 {
		padding: 80rpx 0rpx 40rpx 0rpx;
	}

	.decorationTeam_fd3_0 {
		background: #fff;
		width: 540rpx;
		margin: 0rpx 105rpx 0rpx 105rpx;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		background-size: 100% auto !important;
	}

	.decorationTeam_fd4_0_c2_c1_c0 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd4_0_c2_c1 {
		border-left: 1px solid #eee;
	}

	.authenticateNow_fd1_0 {
		border-bottom: 1px solid #eee;
		padding: 32rpx 32rpx 32rpx 32rpx;
		background: #fff;

	}

	.authenticateNow_fd1_0_c0 {
		font-size: 32rpx;
		font-weight: 400;
		color: #333333;
	}

	.authenticateNow_fd1_4_c1 {
		margin: 0rpx 0rpx 0rpx auto;
		text-align: right;
		font-size: 32rpx;
		color: #999;
	}

	.decorationTeam_fd4_0_c2_c0_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 500;
		margin: 0024rpx 0rpx 024rpx 0rpx;
	}

	.decorationTeam_fd4_0_c2 {
		border-top: 1px solid rgba(238, 238, 238, 1);
		height: 100rpx;
	}

	.decorationTeam_fd4_0_c1_c0_c0 {
		color: #333333;
		font-size: 28rpx;
		font-weight: 400;
		text-align: center;
	}

	.decorationTeam_fd4_0_c1_c0 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd4_0_c1 {
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		line-height: 56rpx;
		font-weight: 400;
		padding: 0rpx 43rpx 80rpx 43rpx;
	}

	.decorationTeam_fd4_0_c0 {
		padding: 80rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd4_0 {
		background: #fff;
		width: 540rpx;
		margin: 0rpx 105rpx 0rpx 105rpx;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		background-size: 100% auto !important;
	}

	.decorationTeam_flex_5 {
		background: #fff;
		margin: 0rpx 104rpx 0rpx 104rpx;
		background-size: #eee;
		border-radius: 24rpx;
		padding: 40rpx 0rpx 0rpx 0rpx;
		width: 640rpx;
	}

	.decorationTeam_fd5_3_c2 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;

	}

	.decorationTeam_fd5_3_c1 {
		background: rgba(238, 238, 238, 1);
		width: 1rpx;
		height: 93rpx;
		margin: 0rpx 10rpx 0rpx 10rpx;
		transform: scaleX(0.5);
	}

	.decorationTeam_fd5_3_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 400;

	}

	.decorationTeam_fd5_3 {
		width: 640rpx;
		border-top: #f0f0f0 1rpx solid;
	}

	.decorationTeam_fd5_2 {
		color: #F06600;
		font-size: 28rpx;
		font-weight: 400;
		margin: 0rpx 32rpx 24rpx 32rpx;
	}

	.decorationTeam_fd5_1_c1_c1 {
		color: var(--benbenFontColor2);
		font-size: 32rpx;
		font-weight: 400;
		margin: 0rpx 0rpx 0rpx 12rpx;
	}

	.decorationTeam_fd5_1_c1_c0 {
		color: var(--benbenFontColor0);
		font-size: 48rpx;
		font-weight: 500;
	}

	.decorationTeam_fd5_1_c0 {
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd5_1 {
		background: #F8F8FA;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 243rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd5_1123 {
		background: #fff;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 243rpx;
		padding: 24rpx 24rpx 24rpx 24rpx;
		margin: 0rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd5_0 {
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
		margin: 0rpx 0rpx 40rpx 0rpx;
	}

	.decorationTeam_fd6_1 {
		width: 60rpx;
		height: 60rpx;
		border-radius: 0rpx 0rpx 0rpx 0rpx;
		margin: 55rpx 0rpx 0rpx 287rpx;
	}

	.decorationTeam_fd6_0_c2 {
		background: #F8F8FA;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 88rpx;
		padding: 0rpx 24rpx 0rpx 24rpx;
	}

	.decorationTeam_fd6_0_c1_c2 {
		margin: 0rpx 0rpx 0rpx auto;
		color: #F06600;
		font-size: 28rpx;
		font-weight: 400;
	}

	.decorationTeam_fd6_0_c1 {
		background: #F8F8FA;
		margin: 0rpx 0rpx 24rpx 0rpx;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		width: 576rpx;
		height: 88rpx;
		padding: 0rpx 024rpx 0rpx 24rpx;
	}

	.decorationTeam_fd6_0_c0_c0 {
		width: 72rpx;
		height: 72rpx;
	}

	.decorationTeam_fd6_0_c0 {
		margin: 0rpx 176rpx 40rpx 176rpx;
	}

	.decorationTeam_fd6_0 {
		background: #fff;
		background-size: 100% auto !important;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 48rpx 32rpx 48rpx 32rpx;
	}

	.decorationTeam_flex_7 {
		background: #fff;
		margin: 0rpx 105rpx 0rpx 105rpx;
		background-size: #eee;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 40rpx 0rpx 0rpx 0rpx;
		width: 560rpx;
	}

	.decorationTeam_fd7_3_c0 {
		background: transparent;
		line-height: 45rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 34rpx;
		color: rgba(240, 102, 0, 1);
		padding: 24rpx 202rpx 24rpx 202rpx;
		font-weight: 500;
	}

	.decorationTeam_fd7_2 {
		background: rgba(238, 238, 238, 1);
		width: 540rpx;
		height: 1rpx;
		background-size: #eee;
	}

	.decorationTeam_fd7_1_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
	}

	.decorationTeam_fd7_1 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333;
		margin: 32rpx 36rpx 32rpx 36rpx;
		line-height: 45rpx;
		text-align: center;
	}

	.decorationTeam_fd7_0 {
		font-weight: 500;
		font-size: 32rpx;
		color: #333333;
		text-align: center;
	}

	.decorationTeam_flex_8 {
		background: #fff;
		margin: 0rpx 105rpx 0rpx 105rpx;
		background-size: #eee;
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 20rpx 0rpx 0rpx 0rpx;
		width: 560rpx;
	}

	.decorationTeam_fd8_3_c0 {
		background: transparent;
		line-height: 45rpx;
		border-radius: 0rpx 0rpx 16rpx 0rpx;
		font-size: 32rpx;
		color: var(--benbenFontColor6);
		padding: 24rpx 206rpx 24rpx 206rpx;
		font-weight: 500;
	}

	.decorationTeam_fd8_2 {
		background: rgba(238, 238, 238, 1);
		width: 540rpx;
		height: 1rpx;
		background-size: #eee;
	}

	.decorationTeam_fd8_1_c0 {
		color: #666666;
		font-size: 28rpx;
		font-weight: 400;
	}

	.decorationTeam_fd8_1 {
		font-size: 32rpx;
		font-weight: 500;
		color: #333;
		margin: 16rpx 36rpx 16rpx 36rpx;
		line-height: 45rpx;
		text-align: center;
	}

	.decorationTeam_fd8_0 {
		font-weight: 500;
		font-size: 32rpx;
		line-height: 50rpx;
		color: #333333;
		text-align: center;
	}

	.decorationTeam_fd9_0_c2_c1_c0 {
		color: #F06600;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd9_0_c2_c1 {
		border-left: 1px solid #eee;
	}

	.decorationTeam_fd9_0_c2_c0_c0 {
		color: #999999;
		font-size: 32rpx;
		font-weight: 500;
		margin: 24rpx 0rpx 24rpx 0rpx;
	}

	.decorationTeam_fd9_0_c2 {
		border-top: 1px solid rgba(238, 238, 238, 1);
	}

	.decorationTeam_fd9_0_c1_c0_c1 {
		color: #F06600;
		font-size: 28rpx;
		font-weight: 400;
		text-align: center;
	}

	.decorationTeam_fd9_0_c1_c0_c0 {
		width: 440rpx;
		height: 328rpx;
		margin: 0rpx 0rpx 32rpx 0rpx;
	}

	.decorationTeam_fd9_0_c1_c0 {
		margin: 0rpx 0rpx 0rpx 0rpx;
	}

	.decorationTeam_fd9_0_c1 {
		color: rgba(51, 51, 51, 1);
		font-size: 32rpx;
		line-height: 56rpx;
		font-weight: 400;
		padding: 0rpx 43rpx 40rpx 43rpx;
	}

	.decorationTeam_fd9_0_c0_c0 {
		color: #333333;
		font-size: 32rpx;
		font-weight: 500;
		line-height: 56rpx;
	}

	.decorationTeam_fd9_0_c0 {
		padding: 40rpx 0rpx 32rpx 0rpx;
	}

	.decorationTeam_fd9_0 {
		background: #fff;
		width: 640rpx;
		margin: 0rpx 105rpx 0rpx 105rpx;
		border-radius: 25rpx 25rpx 25rpx 25rpx;
		background-size: 100% auto !important;
	}
</style>